<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>黄峻峰 - 在线简历</title>
  <style>
    /* 页面基础，全屏显示 */
    html,body{height:100%;margin:0;padding:0;background:#0f1724;font-family:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color:#e6eef8;overflow:hidden;}

    /* 内容包装器 */
    #app{
      width:100%;
      height:100%;
      display:flex;
      background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%);
      color:#0b1220;
    }

    /* 主体布局：左侧个人信息，右侧详情 */
    .layout{display:grid;grid-template-columns:320px 1fr;width:100%;height:100%}

    /* 左栏 */
    .left{background:linear-gradient(180deg,#0ea5a4,#0369a1);padding:40px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
    .avatar{font-size:80px;line-height:1;margin-bottom:20px;}
    .name{font-size:32px;font-weight:700;margin:8px 0}
    .meta{font-size:16px;color:rgba(255,255,255,0.9);margin-top:4px;}
    .contacts{margin-top:24px;font-size:15px;line-height:1.8}
    .tag{display:inline-block;margin-top:20px;background:rgba(255,255,255,0.12);padding:8px 14px;border-radius:999px;font-size:14px}

    /* 右栏 */
    .right{padding:5vh 4vw;overflow-y:auto}
    h2{margin:0 0 15px 0;color:#0f1724;font-size:20px;border-bottom:2px solid #e2e8f0;padding-bottom:8px;}
    .section{margin-bottom:2.5vh}
    .section .small{color:#475569;font-size:15px;margin-bottom:10px}
    .two-col{display:flex;gap:30px}
    ul{margin:8px 0 0 20px;padding:0;color:#0b1220;list-style-type:square;}
    li{margin-bottom:5px;}
    .badge{display:inline-block;background:#eef2ff;color:#3730a3;padding:5px 10px;border-radius:6px;font-size:14px;margin-right:10px;margin-bottom:8px;}

    /* 视觉优化 */
    .right{font-size:16px}
    .job-title{font-weight:600}
    .date{float:right;color:#6b7280;font-style:normal}
  </style>
  <script>
    // 移除自动缩放脚本
  </script>
</head>
<body>
  <div id="app" role="main" aria-label="黄峻峰 个人简历">
    <div class="layout">
      <aside class="left">
        <div class="avatar" aria-hidden="true">👨‍💻</div>
        <div class="name">黄峻峰</div>
        <div class="meta">男 · 19岁</div>
        <div class="meta">运维 / 技术支持</div>
        <div class="meta" style="margin-top:8px">期望：4-9K · 深圳</div>
        <div class="contacts">
          <div>📞 13380847872</div>
          <div>📧 3470886710@qq.com</div>
        </div>
        <div class="tag">会长 · 计算机学会</div>
      </aside>
      <main class="right">
        <section class="section">
          <h2>个人亮点</h2>
          <div class="small">对电脑硬件有所了解，具备良好沟通能力与英语日常交流能力。</div>
        </section>

        <section class="section">
          <h2>教育经历 <span class="date">2023 - 2026</span></h2>
          <div class="small">深圳职业技术大学 · 大专 · 云计算技术应用（专业前10%）</div>
          <ul>
            <li>主修：私有云架构、云安全、容器云、云原生等。</li>
            <li>担任计算机学会会长，组织算法/编程比赛；获校级奖学金。</li>
          </ul>
        </section>

        <section class="section">
          <h2>荣誉与竞赛</h2>
          <div class="two-col">
            <div>
              <div class="badge">2025</div> GPLT团体程序设计天梯赛 团队二等奖<br>
              <div class="badge">2025</div> 第十六届蓝桥杯 Python C组 省赛一等奖
            </div>
            <div>
              <div class="badge">2024</div> 第六届马蹄杯 全国大学生设计大赛 银奖<br>
              <div class="badge">2024</div> CCPC 高职专场 优胜奖
            </div>
          </div>
        </section>

        <section class="section">
          <h2>社团经历</h2>
          <div class="small">计算机学会 — 会长（2024.09 - 至今）</div>
          <div style="margin-top:6px">组织与策划校内算法竞赛、Python 程序设计赛事等活动。</div>
        </section>

        <section class="section">
          <h2>资格证书</h2>
          <ul>
            <li>CET-4 / CET-6</li>
            <li>驾驶证 C1</li>
            <li>麒麟桌面运维工程师</li>
          </ul>
        </section>
      </main>
    </div>
  </div>
</body>
</html>
